<!DOCTYPE html>
<html xmlns:v-bind="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <#include "/header.html">
    <script src="${request.contextPath}/statics/libs/ajaxupload.js"></script>
    <style>
        .mrginLeft{
            float: left;
            margin-left: 5px;
        }
        .tlFontSize{
            font-weight: normal;
            line-height: 35px;
        }
    </style>
</head>
<body>
<div id="rrapp" v-cloak>
    <div v-show="showList">
        <div class="grid-btn">
            <div class="form-group">
                <select class="form-control mrginLeft" style="width: 120px;" v-model="templateId" placeholder="展会" @change="">
                    <option value="">请选择展会</option>
                    <option v-for="option in templates" v-bind:value="option.id">
                        {{ option.template }}
                    </option>
                </select>
                <select class="form-control mrginLeft" style="width: 120px;" v-model="ly" placeholder="来源" @change="">
                    <option value="">请选择来源</option>
                    <option v-for="option in lys" v-bind:value="option.ly">
                        {{ option.remark }}
                    </option>
                </select>
                <input ref='col1' v-focus style="width: 150px;" class="form-control mrginLeft" v-model="nocMember.col1"  placeholder="手机号">
                <input ref='col2' v-focus style="width: 150px;" class="form-control mrginLeft" v-model="nocMember.col2" placeholder="公司名称">

                <a class="btn btn-default mrginLeft" @click="query">查询</a>
                <!--
                <a class="btn btn-primary" @click="sign"><i class="fa fa-sign-in"></i>&nbsp;签到</a>
                -->
                <#if shiro.hasPermission("noc:nocmember:sendCard")>
                <a class="btn btn-primary mrginLeft" @click="sendCard"><i class="fa fa-id-card"></i>&nbsp;发放入场证件</a>
                </#if>
                <#if shiro.hasPermission("noc:nocmember:save")>
                    <a class="btn btn-primary mrginLeft" @click="add"><i class="fa fa-plus"></i>&nbsp;新增</a>
                </#if>
                <#if shiro.hasPermission("noc:nocmember:upload")>
                <a class="btn btn-primary mrginLeft" id="upload"><i class="fa fa-plus"></i>&nbsp;导入</a>
                </#if>
                <#if shiro.hasPermission("noc:nocmember:update")>
                    <a class="btn btn-primary mrginLeft" @click="update"><i class="fa fa-pencil-square-o"></i>&nbsp;修改</a>
                </#if>
                <#if shiro.hasPermission("noc:nocmember:delete")>
                    <a class="btn btn-primary mrginLeft" @click="del"><i class="fa fa-trash-o"></i>&nbsp;删除</a>
                </#if>
                <label class="tlFontSize">报名总数：<label>{{total}}</label> &nbsp;&nbsp; 已签到数：<label>{{signCount}}</label></label>
            </div>

</div>
<block id="jqBlock">
    <table id="jqGrid"></table>
    <div id="jqGridPager"></div>
</block>


</div>

<div v-show="showCard" class="panel panel-default">
    <div class="panel-heading">发放入场证件</div>
    <form class="form-horizontal">
        <div class="form-group">
            <div class="col-sm-2 control-label">证件编号*：</div>
            <div class="col-sm-10">
                <input type="text" class="form-control" v-model="nocMember.col20" placeholder=""/>
            </div>
        </div>
        <div class="form-group">
            <div class="col-sm-2 control-label">公司*：</div>
            <div class="col-sm-10">
                <input type="text" class="form-control" v-model="nocMember.col2" placeholder=""/>
            </div>
        </div>
        <div class="form-group">
            <div class="col-sm-2 control-label">姓名*：</div>
            <div class="col-sm-10">
                <input type="text" class="form-control" v-model="nocMember.col3" placeholder=""/>
            </div>
        </div>
        <div class="form-group">
            <div class="col-sm-2 control-label">手机号*：</div>
            <div class="col-sm-10">
                <input type="text" class="form-control" v-model="nocMember.col1" placeholder=""/>
                <label style="color:red;font-weight: normal;">*非大陆手机号请在上面输入框中填写0，并在下方的备注框里填写归属地及手机号</label>
            </div>
        </div>
        <div class="form-group">
            <div class="col-sm-2 control-label">主营产品：</div>
            <div class="col-sm-10">
                <input type="text" class="form-control" v-model="nocMember.col12" placeholder=""/>
            </div>
        </div>
        <div class="form-group">
            <div class="col-sm-2 control-label">备注：</div>
            <div class="col-sm-10">
                <input type="text" class="form-control" v-model="nocMember.col21" placeholder=""/>
            </div>
        </div>

        <div class="form-group">
            <div class="col-sm-2 control-label"></div>
            <input type="button" class="btn btn-primary" id="btnSaveOrUpdCard" data-loading-text="保存中..." @click="saveOrUpdCard" value="保存"/>
            &nbsp;&nbsp;<input type="button" class="btn btn-warning" @click="closeLayer" value="返回"/>
        </div>
    </form>
</div>

<div v-show="showUpd" class="panel panel-default">
    <div class="panel-heading">{{title}}</div>
    <form class="form-horizontal">
        <div class="form-group" v-if="colObject.col1==true">
            <div class="col-sm-2 control-label">手机号</div>
            <div class="col-sm-10">
                <input type="text" class="form-control" v-model="nocMember.col1" disabled placeholder=""/>
            </div>
        </div>
        <div class="form-group" v-if="colObject.col2==true">
            <div class="col-sm-2 control-label">公司</div>
            <div class="col-sm-10">
                <input type="text" class="form-control" v-model="nocMember.col2" placeholder=""/>
            </div>
        </div>
        <div class="form-group" v-if="colObject.col3==true">
            <div class="col-sm-2 control-label">姓名</div>
            <div class="col-sm-10">
                <input type="text" class="form-control" v-model="nocMember.col3" placeholder=""/>
            </div>
        </div>
        <div class="form-group" v-if="colObject.col4==true">
            <div class="col-sm-2 control-label">部门</div>
            <div class="col-sm-10">
                <input type="text" class="form-control" v-model="nocMember.col4" placeholder=""/>
            </div>
        </div>
        <div class="form-group" v-if="colObject.col5==true">
            <div class="col-sm-2 control-label">职位</div>
            <div class="col-sm-10">
                <input type="text" class="form-control" v-model="nocMember.col5" placeholder=""/>
            </div>
        </div>
        <div class="form-group" v-if="colObject.col6==true">
            <div class="col-sm-2 control-label">性别</div>
            <div class="col-sm-10">
                <input type="text" class="form-control" v-model="nocMember.col6" placeholder=""/>
            </div>
        </div>
        <div class="form-group" v-if="colObject.col7==true">
            <div class="col-sm-2 control-label">邮箱</div>
            <div class="col-sm-10">
                <input type="text" class="form-control" v-model="nocMember.col7" placeholder=""/>
            </div>
        </div>
        <div class="form-group" v-if="colObject.col8==true">
            <div class="col-sm-2 control-label">电话</div>
            <div class="col-sm-10">
                <input type="text" class="form-control" v-model="nocMember.col8" placeholder=""/>
            </div>
        </div>
        <div class="form-group" v-if="colObject.col9==true">
            <div class="col-sm-2 control-label">地址</div>
            <div class="col-sm-10">
                <input type="text" class="form-control" v-model="nocMember.col9" placeholder=""/>
            </div>
        </div>
        <div class="form-group" v-if="colObject.col10==true">
            <div class="col-sm-2 control-label">备注</div>
            <div class="col-sm-10">
                <input type="text" class="form-control" v-model="nocMember.col10" disabled placeholder=""/>
            </div>
        </div>
        <div class="form-group" v-if="colObject.col50==true">
            <div class="col-sm-2 control-label">联络结果</div>
            <div class="col-sm-10">
                <input type="text" class="form-control" v-model="nocMember.col50" placeholder=""/>
            </div>
        </div>
        <div class="form-group" v-if="colObject.col11==true">
            <div class="col-sm-2 control-label">关注的同期活动</div>
            <div class="col-sm-10">
                <input type="text" class="form-control" v-model="nocMember.col11" placeholder=""/>
            </div>
        </div>
        <div class="form-group" v-if="colObject.col12==true">
            <div class="col-sm-2 control-label">主营产品</div>
            <div class="col-sm-10">
                <input type="text" class="form-control" v-model="nocMember.col12" placeholder=""/>
            </div>
        </div>
        <div class="form-group" v-if="colObject.col13==true">
            <div class="col-sm-2 control-label">意向产品</div>
            <div class="col-sm-10">
                <input type="text" class="form-control" v-model="nocMember.col13" placeholder=""/>
            </div>
        </div>
        <div class="form-group" v-if="colObject.col14==true">
            <div class="col-sm-2 control-label">参观人数</div>
            <div class="col-sm-10">
                <input type="text" class="form-control" v-model="nocMember.col14" placeholder=""/>
            </div>
        </div>
        <div class="form-group" v-if="colObject.col21==true">
            <div class="col-sm-2 control-label">公司性质</div>
            <div class="col-sm-10">
                <input type="text" class="form-control" v-model="nocMember.col21" placeholder=""/>
            </div>
        </div>
        <div class="form-group" v-if="colObject.col22==true">
            <div class="col-sm-2 control-label">参观需求</div>
            <div class="col-sm-10">
                <input type="text" class="form-control" v-model="nocMember.col22" placeholder=""/>
            </div>
        </div>
        <div class="form-group" v-if="colObject.col23==true">
            <div class="col-sm-2 control-label">名片链接地址</div>
            <div class="col-sm-10">
                <input type="text" class="form-control" v-model="nocMember.col23" disabled placeholder=""/>
            </div>
        </div>
        <div class="form-group" v-if="colObject.col24==true">
            <div class="col-sm-2 control-label">是否采购</div>
            <div class="col-sm-10">
                <input type="text" class="form-control" v-model="nocMember.col24" placeholder=""/>
            </div>
        </div>
        <div class="form-group" v-if="colObject.col25==true">
            <div class="col-sm-2 control-label">采购产品</div>
            <div class="col-sm-10">
                <input type="text" class="form-control" v-model="nocMember.col25" placeholder=""/>
            </div>
        </div>
        <div class="form-group" v-if="colObject.col26==true">
            <div class="col-sm-2 control-label">采购金额</div>
            <div class="col-sm-10">
                <input type="text" class="form-control" v-model="nocMember.col26" placeholder=""/>
            </div>
        </div>
        <div class="form-group" v-if="colObject.col27==true">
            <div class="col-sm-2 control-label">业务性质</div>
            <div class="col-sm-10">
                <input type="text" class="form-control" v-model="nocMember.col27" placeholder=""/>
            </div>
        </div>
        <div class="form-group" v-if="colObject.col28==true">
            <div class="col-sm-2 control-label">参观内容</div>
            <div class="col-sm-10">
                <input type="text" class="form-control" v-model="nocMember.col28" placeholder=""/>
            </div>
        </div>
        <div class="form-group" v-if="colObject.col29==true">
            <div class="col-sm-2 control-label">电话是否接通</div>
            <div class="col-sm-10">
                <input type="text" class="form-control" v-model="nocMember.col29" placeholder=""/>
            </div>
            <!--<label class="radio-inline">
                <input type="radio" name="status" value="1" v-model="nocMember.col29"/> 是
            </label>
            <label class="radio-inline">
                <input type="radio" name="status" value="0" v-model="nocMember.col29"/> 否
            </label>-->
        </div>
        <div class="form-group" v-if="colObject.col30==true">
            <div class="col-sm-2 control-label">微信是否通过</div>
            <div class="col-sm-10">
                <input type="text" class="form-control" v-model="nocMember.col30" placeholder=""/>
            </div>
            <!--<label class="radio-inline">
                <input type="radio" name="status" value="1" v-model="nocMember.col30"/> 是
            </label>
            <label class="radio-inline">
                <input type="radio" name="status" value="0" v-model="nocMember.col30"/> 否
            </label>-->
        </div>
        <div class="form-group" v-if="colObject.col31==true">
            <div class="col-sm-2 control-label">是否参加展会</div>
            <div class="col-sm-10">
                <input type="text" class="form-control" v-model="nocMember.col31" placeholder=""/>
            </div>
            <!--<label class="radio-inline">
                <input type="radio" name="status" value="1" v-model="nocMember.col31"/> 是
            </label>
            <label class="radio-inline">
                <input type="radio" name="status" value="0" v-model="nocMember.col31"/> 否
            </label>-->
        </div>

        <div class="form-group" >
            <div class="col-sm-2 control-label">配对标签</div>
            <label class="radio-inline" v-for="(label,index) in nocLabels">
                <input type="checkbox" style="vertical-align: middle;" id="cklabel" v-bind:value="label.id">
                <label>{{label.label}}</label>
            </label>

        </div>

        <div class="form-group">
            <div class="col-sm-2 control-label"></div>
            <input type="button" class="btn btn-primary" id="btnSaveOrUpdate" data-loading-text="保存中..." @click="saveOrUpdate" value="保存"/>
            &nbsp;&nbsp;<input type="button" class="btn btn-warning" @click="closeLayer" value="返回"/>
        </div>
    </form>
</div>
</div>

<script src="${request.contextPath}/statics/js/modules/noc/nocmember.js?_${.now?long}"></script>
</body>
</html>